<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje" style="text-align:left;">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<!-- AJAX SPINNER -->
		<a4j:status id="status">
			<f:facet name="start">
				<h:panelGrid columns="2" styleClass="loading">
					<h:outputLabel value="Procesando..." styleClass="th80"></h:outputLabel>
					<h:graphicImage value="/temas/tiki/imagenes/otros/spinner.gif"></h:graphicImage>
				</h:panelGrid>
			</f:facet>
		</a4j:status>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Nuevo calendario" styleClass="no_border">
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText
							value="Para dar de alta un nuevo calendario, seleccione la temporada para la que lo quiere generar así como el día de comienzo de la temporada."
							styleClass="thDescripcion_peq700" />
					</h:panelGrid>
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText value="DATOS DEL CALENDARIO"
							styleClass="th200_titulo" />
					</h:panelGrid>
					<rich:spacer height="1px;"></rich:spacer>
					<rich:separator styleClass="separadorTres"></rich:separator>
					<rich:spacer height="10px;"></rich:spacer>
					<h:panelGrid columns="2">
						<h:outputText value="Temporada" styleClass="th80" />
						<h:selectOneMenu value="#{calendarAction.temporada}"
							styleClass="input60">
							<s:selectItems var="tipo"
								value="#{calendarAction.listaTemporadas}"
								label="#{tipo.anio.anio}" noSelectionLabel=""></s:selectItems>
							<s:convertEntity />
						</h:selectOneMenu>
					</h:panelGrid>
					<h:panelGrid columns="2">
						<h:outputText value="Día de inicio" styleClass="th80" />
						<rich:calendar value="#{calendarAction.fechaInicio}"
							inputClass="input50" datePattern="dd/MM/yy" />
					</h:panelGrid>
					<rich:spacer height="10px;"></rich:spacer>
				</rich:tab>
			</rich:tabPanel>
			<rich:spacer height="10px;"></rich:spacer>

		</h:panelGrid>

	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="7" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" id="linkAyuda"
					style="width:48px;"
					title="pulsa para obtener ayuda acerca de la pantalla">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera altaCalendario"
					id="linkAlta" style="width:48px;"
					title="pulsa para crear el calendario para la temporada seleccionada">
					<rich:componentControl for="panelAlta" attachTo="linkAlta"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Generar" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera volver"
					style="width:48px;" action="#{calendarAction.volver()}"
					title="pulsa para volver al menú competición de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera inicio"
					style="width:48px;" action="#{calendarAction.menu()}"
					title="pulsa para volver al menú principal de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Inicio" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="225"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Está en la pantalla de alta de nueva temporada. Para dar de alta una nueva temporada necesitará asignar un año a la temporada,
					un conjunto de equipos as� como otro de colegiados. Seleccione los equipos y colegiados b�sc�ndolos y eligi�ndolos de entre los resultados. 
									 Siga las instrucciones de la pantalla y para almacenar los datos pulse el bot�n guardar de la botonera inferior."
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

		<rich:modalPanel id="panelAlta" minWidth="400" minHeight="225"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="125px;"></rich:spacer>
				<h:outputText value="Crear calendario" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Se dispone a crear un calendario para la temporada seleccionada. 
					¿Está seguro de la creación del calendario?"
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="90px;"></rich:spacer>
				<h:panelGrid columns="3">
					<a4j:commandButton id="aceptarA"
						action="#{calendarAction.guardar()}" value=""
						styleClass="boton_modal aceptar" reRender="mensaje, errores"
						limitToList="true">
						<rich:componentControl for="panelAlta" attachTo="aceptarA"
							operation="hide" event="onclick" />
					</a4j:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<a4j:commandButton id="cancelarA" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelAlta" attachTo="cancelarA"
							operation="hide" event="onclick" />
					</a4j:commandButton>
				</h:panelGrid>
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="cerrarA" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAlta" attachTo="cerrarA"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>